$(document).ready(function() {
  var webHost = 'http://' + window.location.host;

  var onlyPhone = /^(((11[0-9]{1}|)|(12[0-9]{1}|)|(13[0-9]{1})|(14[0-9]{1}|)|(15[0-9]{1})|(16[0-9]{1}|)|(17[0-9]{1}|)|(18[0-9]{1})|(19[0-9]{1}|)|(10[0-9]{1}|))+\d{8})$/;

  $('#fullpage').fullpage({
    'fixedElements': "#fixTop",
    'verticalCentered': false,
    'css3': true,
    'scrollingSpeed':'1300',
    'afterResize': function(){
      $.fn.fullpage.reBuild();
    },
    'afterRender': function(){
      $('#fullpage').css('opacity','1');
    },
    afterLoad: function(anchorLink, index){
      if(index == 1){
        $('.section1 .text2').addClass('fadeInUp');
        $('.section2 .text3').removeClass('fadeInUp');
        $('.section2 .line').removeClass('fadeInUp');
      }
      if(index == 2){
        $('.section1 .text2').removeClass('fadeInUp');
        $('.section2 .text3').addClass('fadeInUp');
        $('.section2 .line').addClass('fadeInUp');
        $('.section3 .text3').removeClass('fadeInUp');
        $('.section3 .line').removeClass('fadeInUp');
      }
      if(index == 3){
        $('.section2 .text3').removeClass('fadeInUp');
        $('.section2 .line').removeClass('fadeInUp');
        $('.section3 .text3').addClass('fadeInUp');
        $('.section3 .line').addClass('fadeInUp');
        $('.section4 .text2').removeClass('fadeInUp');
      }
      if(index == 4){
        $('.section3 .text3').removeClass('fadeInUp');
        $('.section3 .line').removeClass('fadeInUp');
        $('.section4 .text2').addClass('fadeInUp');
        $('.section5 .text3').removeClass('fadeInUp');
      }
      if(index == 5){
        $('.section5 .text3').addClass('fadeInUp');
        $('.section4 .text2').removeClass('fadeInUp');
      }
    },
    
    // 'continuousVertical': true,
  });

  var mp3 = document.getElementById("music");
  var play = $('#play');
  play.on('click', function(e) {
    if (mp3.paused) {
      mp3.play();
      $('#play').addClass('play_music').removeClass('close_music');
    } else {
      mp3.pause();
      $('#play').addClass('close_music').removeClass('play_music');
    }
  });

  mp3.play();
  $(document).one('touchstart', function() {
    mp3.play();
  });

  function get_time_ajax() {
    $.ajax({
      url: '' + webHost + '/index/date_time ',
      type: 'POST',
      success: function(json) {
        if (json.code == 200) {
          if(json.data.status==0){
          //0是报名结束
            $('.section5 .go_next').addClass('no_next').text('报名已结束');
          }
        } else {
        }
      },
      error: function(json) {
      }
    });
  }
  get_time_ajax();

  $('.close_box').click(function() {
    if($(this).hasClass('back5')){
      $('.modal').hide();
      $('.modal_bg').hide();
      $('.add_page').css('display','none');
    }else{
      $('.modal').hide();
      $('.modal_bg').hide();
    }
  });

  $('.close_box2').click(function() {
    $('.modal2').hide();
    $('.modal_bg2').hide();
  });

  $('.go_next').click(function() {
    if(!($(this).hasClass('no_next'))){
      $('.add_page').css('display','block');
    }
  });

  var mobile_true = false;
  $('.check_mobile').blur(function() {
    if (!onlyPhone.test($('.check_mobile').val())) {
      $('.check_mobile').val('');
    } else {
      mobile_true = true;
    }
  });

  $('.mobile').blur(function() {
    if (!onlyPhone.test($('.mobile').val())) {
      $('.mobile').val('');
    } else {
      mobile_true = true;
    }
  });

  var add_obj = {};
  $('.submit').click(function() {

    add_obj.name = $('.name').val();
    add_obj.mobile = $('.mobile').val();
    add_obj.company = $('.company').val();
    add_obj.products = $('.products').val();
    add_obj.type = $('.type').children('option:selected').val();

    if (add_obj.name != '' && add_obj.mobile != '' && add_obj.company != '' && add_obj.products != '' && add_obj.type != '') {
      $('.close_box').removeClass('close');
      add_ajax();
    } else {
      $('.sucess').hide();
      $('.sucess_text').html('请将信息填写完整').show();
      $('.modal').show();
      $('.modal_bg').show();
      $('.close_box').addClass('close');
    }
  });

  function add_ajax() {
    $.ajax({
      url: '' + webHost + '/index/add',
      type: 'POST',
      data: {
        mobile: add_obj.mobile,
        name: add_obj.name,
        company: add_obj.company,
        products: add_obj.products,
        type: add_obj.type
      },
      success: function(json) {
        if (json.code == 200) {
          $('.sucess_text').html('您的资料已提交，结果将于<br/>12月20日通过短信通知').show();
          $('.modal').show();
          $('.modal_bg').show();
          $('.name').val('');
          $('.mobile').val('');
          $('.company').val('');
          $('.products').val('');
          $('.type').val('');
          $('.close_box').addClass('back5');
        } else {
          $('.sucess_text').html(json.msg).show();
          $('.sucess').hide();
          $('.modal').show();
          $('.modal_bg').show();
        }
      },
      error: function(json) {
        $('.sucess_text').html(json.msg).show();
        $('.sucess').hide();
        $('.modal').show();
        $('.modal_bg').show();
      }
    });
  }

  var check_type=1;
  $('.check').click(function(){
    if(check_type==1){
      $('.go_next').hide();
      $('.check_mobile').show();
      $('.back1').show();
      check_type=2;
    }else{
      add_obj.check_mobile = $('.check_mobile').val();
      if(add_obj.check_mobile!=''){
        check_ajax();
      }else{
        $('.sucess2').hide();
        $('.sucess_text2').html('请输入手机号').show();
        $('.modal2').show();
        $('.modal_bg2').show();
      }
    }
  });

  function check_ajax(){
    $.ajax({
      url: '' + webHost + '/index/info_status',
      type: 'POST',
      data: {
        mobile: add_obj.check_mobile,
      },
      success: function(json) {
        if (json.code == 200) {
          if(json.data.status!=1){
            if(json.data.status==0){
              $('.sucess_text2').html('您的资料已提交，结果将于<br/>12月20日通过短信通知').show();
            }else if(json.data.status==2){
              $('.sucess_text2').html('您的报名申请因场地人数限制未通过，感谢您对本次大会的关注！').show();
            }
            $('.modal2').show();
            $('.modal_bg2').show();
            $('.name').val('');
            $('.mobile').val('');
            $('.company').val('');
            $('.products').val('');
            $('.type').val('');
          }else{
            get_user_info(json);
          }
        } else {
          $('.sucess_text2').html(json.msg).show();
          $('.sucess2').hide();
          $('.modal2').show();
          $('.modal_bg2').show();
        }
      },
      error: function(json) {
        $('.sucess_text2').html(json.msg).show();
        $('.sucess2').hide();
        $('.modal2').show();
        $('.modal_bg2').show();
      }
    });
  }

  function get_user_info(json){
    $.ajax({
      url: '' + webHost + '/index/info',
      type: 'POST',
      data: {
        key: json.data.key,
      },
      success: function(json) {
        if (json.code == 200) {
          $('.user_pass .name').text(json.data.name);
          if(json.data.sign_type==1){
            $('.user_pass .text3').text('嘉宾');
          }else{
            $('.user_pass .text3').text('诚邀VIP');
          }
          if(json.data.type=='应用专场'){
            $('.user_pass .time').text(''+json.data.type+' 14:30 - 17:00');
          }else{
            $('.user_pass .time').text(''+json.data.type+' 09:30 - 11:45');
          }
          $('.add_page').hide();
          $('.user_pass').show();
        } else {
          $('.sucess_text').html(json.msg).show();
          $('.sucess').hide();
          $('.modal').show();
          $('.modal_bg').show();
        }
      },
      error: function(json) {
        $('.sucess_text').html(json.msg).show();
        $('.sucess').hide();
        $('.modal').show();
        $('.modal_bg').show();
      }
    });
  }

  $('.back1').click(function(){
    check_type=1;
    $('.go_next').show();
      $('.check_mobile').hide();
      $('.back1').hide();
  });

  $('.back2').click(function(){
    $('.add_page').css('display','none');
  });
  var jsApiList = ['onMenuShareTimeline', 'onMenuShareAppMessage','onMenuShareQQ','onMenuShareWeibo','onMenuShareQZone'];
  $.ajax({
    type : 'get',
    url : '' + webHost + '/weixin/sample.php',
    dataType : "json",  
    jsonp: "callback",  
    jsonpCallback:"success_jsonpCallback",  
    success : function(data) {
      //请求成功，通过config注入配置信息,
      // alert('success');
      // alert(data.appId);
      // alert(data.timestamp);
      // alert(data.nonceStr);
      // alert(data.signature);
      // alert(jsApiList);
      // wx.config({
      //   debug: false,
      //   appId: data.appId,
      //   timestamp: data.timestamp,
      //   nonceStr: data.nonceStr,
      //   signature: data.signature,
      //   jsApiList: jsApiList
      // });

      // console.log(data.appId)
      appId = data.appId;
      timestamp = data.timestamp;
      nonceStr = data.nonceStr;
      signature = data.signature;
      // console.log(appId,timestamp,nonceStr,signature)
      wx.config({
        debug: false,
        appId: appId,
        timestamp: timestamp,
        nonceStr: nonceStr,
        signature: signature,
        jsApiList: [
            'onMenuShareTimeline',
            'onMenuShareAppMessage',
            'onMenuShareQQ',
            'onMenuShareWeibo',
            'onMenuShareQZone'
        ]
      });

    },error: function(data){
      // alert('error');
      // alert(data.appId);
      // console.log(data.appId)
      appId = data.appId;
      timestamp = data.timestamp;
      nonceStr = data.nonceStr;
      signature = data.signature;
      // console.log(appId,timestamp,nonceStr,signature)
      wx.config({
        debug: false,
        appId: appId,
        timestamp: timestamp,
        nonceStr: nonceStr,
        signature: signature,
        jsApiList: [
            'onMenuShareTimeline',
            'onMenuShareAppMessage',
            'onMenuShareQQ',
            'onMenuShareWeibo',
            'onMenuShareQZone'
        ]
      });
    }
  });

    // wx.error(function(res){
    //   console.log('wx.error');
    //   console.log(res);
    // // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
    // });

    // wx.checkJsApi({
    //     jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage','onMenuShareQQ','onMenuShareWeibo','onMenuShareQZone'], // 需要检测的JS接口列表，所有JS接口列表见附录2,
    //     success: function(res) {
    //       console.log('wx.checkJsApi');
    //       console.log(res);
    //     // 以键值对的形式返回，可用的api值true，不可用为false
    //     // 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
    //     }
    // });

    wx.ready(function() {
      // 在这里调用 API

      var url = 'http://oppo.miage.com.cn';//用户要分享的网址
      var title  = '2017 OPPO移动开发者大会';//分享的标题
      var shareimg = 'http://oppo.miage.com.cn/web/img/oppo.jpg';//分享的图片
      var shareBody = '三里屯通盈中心洲际酒店2017年12月27日';//分享的描述信息

      wx.onMenuShareTimeline({ //例如分享到朋友圈的API
        title: title,
        // 分享标题
        link: url,
        // 分享链接
        imgUrl: shareimg,
        // 分享图标
        success: function() {
        },
        cancel: function() {
          // 用户取消分享后执行的回调函数
        }
      });

      wx.onMenuShareAppMessage({
      title: title, // 分享标题
      desc: shareBody, // 分享描述
      link: url, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
      imgUrl: shareimg, // 分享图标
      type: '', // 分享类型,music、video或link，不填默认为link
      dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
      success: function (res) { 
          console.log(res);
      },
      cancel: function () { 
          // 用户取消分享后执行的回调函数
      }
      });

      wx.onMenuShareWeibo({
        title: title,
        // 分享标题
        desc: shareBody,
        // 分享描述
        link: url,
        // 分享链接
        imgUrl: shareimg,
        // 分享图标
        success: function() {
          // 用户确认分享后执行的回调函数
        },
        cancel: function() {
          // 用户取消分享后执行的回调函数
        }
      });

      wx.onMenuShareQQ({
        title: '2017 OPPO移动开发者大会', // 分享标题
              desc: '三里屯通盈中心洲际酒店2017年12月27日', // 分享描述
              link: 'http://oppo.miage.com.cn', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
              imgUrl: 'http://oppo.miage.com.cn/web/img/oppo.jpg', // 分享图标
        success: function () {
        // 用户确认分享后执行的回调函数
        },
        cancel: function () {
        // 用户取消分享后执行的回调函数
        }
        });
          wx.onMenuShareQZone({
        title: '2017 OPPO移动开发者大会', // 分享标题
              desc: '三里屯通盈中心洲际酒店2017年12月27日', // 分享描述
              link: 'http://oppo.miage.com.cn', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
              imgUrl: 'http://oppo.miage.com.cn/web/img/oppo.jpg', // 分享图标
        success: function () {
        // 用户确认分享后执行的回调函数
        },
        cancel: function () {
        // 用户取消分享后执行的回调函数
        }
        });
    });
});